<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8"/>
    <title>微信安全支付</title>
    <style>
        .agl_pay_info{width:100%; height:55%;  border:0px #FE6714 solid; cursor: pointer;  font-size:60px; margin-top: 60%;}
        .agl_pay_info h3{margin-left: 18%}
        .agl_wx_div{height: 200px;margin-top: 30%;}
        .agl_wx_pay{width:50%; height:55%; background-color:#FE6714; border:0px #FE6714 solid; cursor: pointer;  color:white;  font-size:60px;}
        </style>
    <!--
    <script type="text/javascript">
        //调用微信JS api 支付
        function jsApiCall()
        {
            WeixinJSBridge.invoke(
                'getBrandWCPayRequest',{
                    "appId":{appid},
                    "timeStamp":{timeStamp},
                    "nonceStr":{nonceStr},
                    "package":{package},
                    "sigType":{sigType},
                    "paySign":{paySign},
                },
                function(res){
                    WeixinJSBridge.log(res.err_msg);
                    alert(res.err_code+res.err_desc+res.err_msg);
                    //alert("{$jsApiParameters}");
                }
            );
        }
        function callpay()
        {
            if (typeof WeixinJSBridge == "undefined"){
                if( document.addEventListener ){
                    document.addEventListener('WeixinJSBridgeReady', jsApiCall, false);
                }else if (document.attachEvent){
                    document.attachEvent('WeixinJSBridgeReady', jsApiCall); 
                    document.attachEvent('onWeixinJSBridgeReady', jsApiCall);
                }
            }else{
                jsApiCall();
            }
        }
    </script>
    -->
</head>
<body>
    <div class="agl_pay_info">
        <h3>确定充值金额：123</h3>
    </div>
    <div align="center" class="agl_wx_div">
        <button class="agl_wx_pay"  type="button" onclick="callpay()" >充值</button>
    </div>
</body>
</html>